<template>
  <div class="about">
    <h2>About This Todo App</h2>
    <p>This is a simple todo list application built with Vue 3, Vite, Vue Router and Pinia.</p>
    <p>Features:</p>
    <ul>
      <li>Add new todos</li>
      <li>Mark todos as complete</li>
      <li>Delete todos</li>
      <li>Filter todos (all, active, completed)</li>
      <li>View statistics</li>
    </ul>
  </div>
</template>

<style scoped>
.about {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

.about ul {
  padding-left: 20px;
}
</style>